.block.b_hero-text
{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 60px 20px;
	align-items: flex-start;
	gap: 60px;
	height: auto;
	position: relative;
	order: 0;

	.container 
	{
		align-items: flex-start;		
		display: flex;
		flex-direction: column;
		gap: 60px;
		width: 100%;
	}

	.text-1
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.headlines
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.title-h1
	{
		color: var(--Neutrals-White, #FFF);
		font-family: blinker;
		font-style: normal;
		font-size: 48px;
		font-weight: 400;
		line-height: 48px /* 100% */;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.subtitle-h2
	{
		color: var(--Neutrals-Light-Gray, #DFDFDF);
		font-family: blinker;
		font-style: normal;
		font-size: 26px;
		font-weight: 400;
		line-height: 30px /* 115% */;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.body-copy p
	{
		font-family: "instrument sans";
		font-style: normal;
		font-size: 18px;
		font-weight: 500;
		line-height: 28px /* 156% */;
		letter-spacing: 0.02em;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		color: #dfdfdf;
		order: 1;

		.body-copy p strong
		{
			font-weight: 700;
			color: #ffffff;
		}
	}

	.logos
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 50px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.check-out-our-capabilities-with-our-family-of-brands
	{
		color: var(--Neutrals-Light-Gray, #DFDFDF);
		font-family: blinker;
		font-style: normal;
		font-size: 26px;
		font-weight: 400;
		line-height: 30px /* 115% */;
		text-align: center;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.logo-atm
	{
		width: 194px;
		position: relative;
		flex: 0 0 59px;
		object-fit: cover;
	}


	/* Media Query for Desktop */
	@media (min-width: 1440px)
	{
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		order: 0;

		.container 
		{
			justify-content: space-between;
			align-items: center;
			flex-direction: initial;
		}

		.text-1
		{
			padding: 50px 0 50px 170px;
			flex: 1 1 0%;
			min-width: 0;
			order: 0;
		}

		.headlines
		{
			order: 0;
		}

		.title-h1
		{
			order: 0;
		}

		.subtitle-h2
		{
			order: 1;
		}

		.body-copy p
		{
			order: 1;
		}

		.logos
		{
			flex: 1 1 0%;
			min-width: 0;
			order: 1;
		}

		.check-out-our-capabilities-with-our-family-of-brands
		{
			order: 0;
		}

		.logo-link
		{
			text-decoration: none;
			color: inherit;
			width: 194px;
			position: relative;
			flex: 0 0 59px;
			object-fit: cover;
		}

		.logo-atm-link img
		{
			width: 100%;
			height: 100%;
			display: block;
		}
	}
}